<header class="header text-center">
  <h1 class="blog-name pt-lg-4 mb-0"><a href="{{ .Config.RootUrl}}">梅宝博客</a></h1>

  <nav class="navbar navbar-expand-lg navbar-dark" >

    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation" aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>

    <div id="navigation" class="collapse navbar-collapse flex-column" >
      <div class="profile-section pt-3 pt-lg-0">
        <img class="profile-image mb-3 rounded-circle mx-auto" src="{{ .Config.RootUrl}}static/assets/images/profile.png" alt="image" >

        <div class="bio mb-3">你好，这个是使用go语言制作的博客系统，主要用于记录和分享软件和硬件相关内容，其中也包含了自制的开源产品，欢迎订阅收藏。</div><!--//bio-->
{{/*        <ul class="social-list list-inline py-3 mx-auto">*/}}
{{/*          <li class="list-inline-item"><a href="#"><i class="fa fa-twitter fa-fw"></i></a></li>*/}}
{{/*          <li class="list-inline-item"><a href="#"><i class="fa fa-linkedin-in fa-fw"></i></a></li>*/}}
{{/*          <li class="list-inline-item"><a href="#"><i class="fa fa-github-alt fa-fw"></i></a></li>*/}}
{{/*          <li class="list-inline-item"><a href="#"><i class="fa fa-stack-overflow fa-fw"></i></a></li>*/}}
{{/*          <li class="list-inline-item"><a href="#"><i class="fa fa-codepen fa-fw"></i></a></li>*/}}
{{/*        </ul><!--//social-list-->*/}}
        <hr>
      </div><!--//profile-section-->

      <ul class="navbar-nav flex-column text-left">
        <li class="nav-item {{if eq  .MenuId "0"}}active{{end}}">
          <a class="nav-link" href="{{ .Config.RootUrl}}"><i class="fa fa-home fa-fw mr-2"></i>博客首页<span class="sr-only">(current)</span></a>
        </li>
        {{range $item := .menu}}

        <li class="nav-item {{if eq $.MenuId $item.Id}}active{{end}}">
          <a class="nav-link " href="{{ $.Config.RootUrl}}list/?menuid={{$item.Id}}"><i class=" fa {{$item.Icon}} fa-fw mr-2"></i>{{$item.Name}}</a>
        </li>
        {{end}}
      </ul>

      <div class="my-2 my-md-3">
        <a class="btn btn-primary" href="https://gitee.com/Amibk/goBlog" target="_blank">获取源码</a>
      </div>
    </div>
  </nav>
</header>